<table>
  <tr>
    <td class="b-n-t b-n-l b-n-b b-n-r" width="80"></td>
    <td class="b-n-t b-n-l b-n-b" width="50"></td>
    <ng-template ngFor let-item [ngForOf]="menuContent[0].dateArr">
      <td>{{ item.week }}</td>
    </ng-template>
  </tr>
  <tr>
    <td class="b-n-t b-n-l b-n-r"></td>
    <td class="b-n-t b-n-l"></td>
    <ng-template ngFor let-item [ngForOf]="menuContent[0].dateArr">
      <td>{{ item.date }}</td>
    </ng-template>
  </tr>
  <tr *ngFor="let group of menuContent">
    <td>{{ group.groupName }}</td>
    <!--时间点-start-->
    <td>
      <div class="time-box" *ngFor="let etc of group.dateArr[0].etc">
        <ng-template ngFor let-dateItem [ngForOf]="etc.detail">
          <div class="time-item">{{ dateItem.time }}</div>
        </ng-template>
      </div>
    </td>
    <!--时间点-end-->
    <!--坑-start-->
    <ng-template ngFor let-item0 [ngForOf]="group.dateArr">
      <td>
        <div
          class="name-box"
          [ngClass]="{
            'no-drop': dragCurrentDirect && item1.direct != dragCurrentDirect
          }"
          *ngFor="let item1 of item0.etc"
        >
          <ng-template ngFor let-item2 [ngForOf]="item1.detail">
            <div class="name-item">
              <div
                [app-draggable]="true"
                draggedClass="drag-start"
                [dragTag]="item2['direct']"
                [dragData]="item2"
                (dragStart)="moveStart($event)"
                (dragEnd)="moveEnd($event)"
                [dropTag]="item2['direct']"
                (dropped)="handleMove($event, item2)"
              >
                {{ item2.name }}
              </div>
            </div>
          </ng-template>
        </div>
      </td>
    </ng-template>
    <!--坑-end-->
  </tr>
</table>
